<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>特色美食 商家详情</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/lib/juicer-min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script src="plugins/callActivity.js"></script>
        <script src="js/biz/meishi/meishi_shangjiadetail.js"></script>
        <style>
            .ui-slider-content li span{
                width:100%;
                margin-left: 0;
            }
        </style>
    </head>
    <body ontouchstart="" class="grey">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i><h1>商家详情</h1>
            <span class="ui-header-right"><i class="ui-icons-share w_fxx"></i></span>
        </header>
        <div class="w_fxaa">
        	<div class="w_fengx"></div>
        	<div class="w_fxbox">
            	<a href="#"><img src="img/qq.png"></a>
                <a href="#"><img src="img/weixin.png"></a>
                <a href="#"><img src="img/weibo.png"></a>
                <a href="#"><img src="img/pengyou.png"></a>
            </div>
        </div>
        <script type="text/javascript">
			//分享
			Zepto(".w_fxx").tap(function(){
                //Zepto(".w_fxaa").show();
                shareUmeng("走青海","http://qzonestyle.gtimg.cn/qzone_v6/proj_connect_open/img/logo/logo_yinyuetai.png");
            });
			//Zepto(".w_fengx").tap(function(){
                //Zepto(".w_fxaa").hide();
           // });
        </script> 
        <section class="ui-container ">
            <div class="demo-block">
                <div class="ui-slider">
                    <ul class="ui-slider-content" style="width: 300%">
                        <li><span style="background-image:url(http://placeholder.qiniudn.com/640x640)" class="bacim"></span></li>
                        <li><span style="background-image:url(http://placeholder.qiniudn.com/640x640)" class="bacim"></span></li>
                        <li><span style="background-image:url(http://placeholder.qiniudn.com/640x640)" class="bacim"></span></li>
                    </ul>
                </div>
            </div>

            <script class="demo-script">
            (function (){
                var slider = new fz.Scroll('.ui-slider', {
                    role: 'slider',
                    indicator: true,
                    autoplay: true,
                    interval: 3000
                });

                slider.on('beforeScrollStart', function(fromIndex, toIndex) {
                    console.log(fromIndex,toIndex)
                });

                slider.on('scrollEnd', function(cruPage) {
                    console.log(cruPage)
                });
            })();
            </script>
            <div class="ui-store-list">
                <div class="wrapper ui-border-bottom bgwhite ">
                    <div class="ui-store-info clearfix" id="store01">
                        <script type="text/juicer" id="sj_detail_tpl01">
                        <div class="ui-store-avatar">
                            <img src="${shops.cover[0]}" width="70" height="70" alt="">
                        </div>
                        <div class="ui-store-star">
                            <h3>${shops.shopName}</h3>
                            <div class="ui-txt-highlight"><span class="ui-star ui-star-${shops.star}"></span>${shops.star}分</div>
                            <p class="ui-txt-muted">
                                {@if shops.course!=null&&shops.course!=undefined}
                                    ${shops.course}
                                {@/if}
                            </p>
                        </div>
                        <div class="ui-store-location ui-store-price fz12">
                            <p class="ui-txt-highlight">{@if shops.avgPrice!=null&&shops.avgPrice!=undefined}人均¥${shops.avgPrice}{@/if}</p>
                            <p class="ui-txt-muted"><i class="icons-lbs"></i>距离${shops.distance}KM</p>
                        </div>
                        </script>
                    </div>
                </div>
                <div class="ui-form ui-form-display" id="store02">
                    <div class="ui-form-item ui-border-b ui-form-item-link h25">
                        <a href="" id="telphone"><i class="icons-phone"></i><span id="tel"></span></a>
                        <!--<a href="tel:56789390"><li class="ui-border-t">道路救援 : 56789390</li></a>-->
                    </div>
                    <div class="ui-form-item ui-border-b h25">
                        <i class="icons-position"></i><span id="address"></span>
                    </div>
                </div>
                <div class="ui-form ui-form-display ui-border-t mt10" id="store03">
                    <script type="text/juicer" id="sj_detail_tpl03">
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#"><span class="ui-txt-muted">门店服务</span></label>
                    </div>
                    <div class="ui-form-item ui-border-b h25">
                        支持无线WIFI上网    免费提供${shops.isPark}个停车位
                    </div>
                    </script>
                </div>
                <div class="ui-form ui-form-display ui-border-t mt10">
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#"><span class="ui-txt-muted">美食</span></label>
                    </div>
                    <ul class="order-list">
                        <script type="text/juicer" id="sj_detail_tpl">
                        {@each arrays as item, index}
                        {@if item.shopType==4}
                    	<a href="meishi_meishidetail.html?supplierId=${item.id}&distance=${shops.distance}">
                        <li>
                            <div class="order-list-pic">
                                <img src="${item.photos[0]}" alt="">
                            </div>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p class="fz12">${item.name}，${item.notice}</p>
                                    <p class="ui-txt-red fz18 mt10">￥${item.price} <s class="ui-txt-muted fz14">${item.oldPrice}</s></p>
                                </div>
                                <div class="w_zite ui-txt-muted fz12">
                                    已售${item.saleNumber}
                                </div>
                            </div>
                        </li>
                        </a>
                        {@/if}
                        {@/each}
                        </script>
                    </ul>
                </div>

            </div>
        </section>
    </body>
</html>